.badge {
  color: $badge-color;
  background-color: $badge-bg;

  &.badge-primary {
    background-color: $badge-primary-bg;
  }

  &.badge-success {
    background-color: $badge-success-bg;
  }

  &.badge-info {
    background-color: $badge-info-bg;
  }

  &.badge-warning {
    background-color: $badge-warning-bg;
  }

  &.badge-danger {
    background-color: $badge-danger-bg;
  }

  &.badge-black {
    background-color: $gray-base;
  }
}

a.badge:hover,
a.badge:focus {
    color: $badge-link-hover-color;
}

.list-group-item.active>.badge,
  .nav-pills>.active>a>.badge {
    color: $badge-active-color;
    background-color: $badge-active-bg;
  }